<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css"/>
    <script src="../jquery/jquery-3.4.1.min.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../bootstrap-table/bootstrap-table.css">
    <script src="../bootstrap-table/bootstrap-table.js"></script>
    <script src="../bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
    <script src="../bootstrap/js/html5shiv.min.js"></script>
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../toastr/toastr.min.css">
    <script src="../toastr/toastr.min.js"></script>

</head>
<body>
<style>
    ::-webkit-scrollbar {display:none}
</style>
<div style=" width:0px;   height: 0px;  overflow-y: scroll;">
</div>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12" id="myTable"></div>
    </div>
</div>

<script>
    $(document).ready(function() {
        inittable();
        function inittable() {
            //让bookstraptable销毁
            $("#myTable").bootstrapTable("destroy");
            $("#myTable").bootstrapTable({
                url: "../contact/selectAll",
                method: 'GET', //请求方式（*）
                toolbar: '#tableToolBar',              //工具按钮用哪个容器
                striped: true, //是否显示行间隔色
                cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                pagination: true, //是否显示分页（*）
                sortable: false, //是否启用排序
                sortOrder: "asc", //排序方式
                sidePagination: "client", //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1, //初始化加载第一页，默认第一页,并记录
                pageSize: 10, //每页的记录行数（*）
                pageList: [10, 20, 50, 100], //可供选择的每页的行数（*）
                search: false, //是否显示表格搜索,模糊查询
                strictSearch: false,//精确查询
                silent : true,// 刷新事件必须设置
                showColumns: false, //是否显示所有的列（选择显示的列）
                showRefresh: false, //是否显示刷新按钮
                minimumCountColumns: 2, //最少允许的列数
                clickToSelect: false, //是否启用点击选中行
                //height: 1000,                      //表格高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
                uniqueId: "c_id", //每一行的唯一标识，一般为主键列
                showToggle: false, //是否显示详细视图和列表视图的切换按钮
                cardView: false, //是否显示详细视图
                detailView: false, //是否显示父子表
                clickToSelect: false,    //是否启用点击选中行
                columns: [
                    {
                        field: 'c_user',
                        title: '评论者',
                        width: 300,
                        align: 'center',
                        valign: 'middle',
                        border:0

                    },
                    {
                        field: 'c_time',
                        title: '评论时间',
                        width: 300,
                        align: 'center',
                        valign: 'middle',
                        border:0

                    },
                    {
                        field: 'c_contact',
                        title: '评论内容',
                        width: 1000,
                        align: 'center',
                        valign: 'middle',
                        border:0
                    }
                ],

            });
        };
    });


</script>
</body>
</html>